<template>
    <div>
        <win-button></win-button>
        <div class="menu-nav">
            <Button type="text" ghost style="margin-top: 10px" to="/chat/message-list">
                <Icon type="ios-chatbubbles-outline" size="26"/>
            </Button>
            <Button type="text" ghost style="margin-top: 10px" to="/chat/org-tree">
                <Icon type="ios-contacts-outline" size="26"/>
            </Button>
            <Button type="text" ghost style="margin-top: 10px">
                <Icon type="md-menu" size="26"/>
            </Button>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>
    import MessageList from "./Chat/MessageList"
    import OrgTree from "./Chat/OrgTree"

    import WinButton from "./Common/WinButton"

    export default {
        name: "Chat",
        components: {MessageList, OrgTree, WinButton},
        methods: {
            open(link) {

            }
        },
        created : function() {
        }
    }
</script>

<style scoped>
    .menu-nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 55px;
        height: 640px;
        background-color: #366cb3;
        float: left;
    }
</style>